var tplDetail = require('../templates/detail.string');

var util = require('../utils/fn.js');

SPA.defineView('detail', {
  html: tplDetail,

  plugins: ['delegated', {
    name: 'avalon',
    options: function (vm) {
      vm.imgsrc = "";
      vm.title = "";
      vm.detail = "";
      vm.isShowLoading = true;
    }
  }],

  // 定义子视图
  modules: [{
    name: 'conchild', // 子视图的名字，用作后边引用的句柄
    views: ['detaindex','shopping','trolley','mine'], // 定义子视图的列表数组
    defaultTag: 'detaindex', // 定义默认视图
    container: '.l-condetail' // 子视图的容器
  }],
  // 绑定tab 事件
  bindActions: {
    'back': function () {
      this.hide();
    },
    'switch.tabs': function (e, data) {
      // 设置当前 tab 高亮
      util.setFocus(e.el);

      // 切换子视图

     this.modules.conchild.launch(data.tag);

    },

    'exit': function (e, data) {
      util.setFocus(e.el);

      // 关闭视图
      this.hide();
    }
  },

  bindEvents: {
    'show': function () {
      var vm = this.getVM();
      var d = this.param.data;
    //  console.log(d);

      // $.ajax({
      //   url: '/api/getLiveDetail.php',
      //   data: {
      //     id: d.id
      //   },
      //   success: function (rs) {
      //     setTimeout(function () {
      //       vm.title = rs.data.title;
      //       vm.imgsrc = rs.data.imgsrc;
      //       vm.detail = rs.data.detail;
      //       vm.isShowLoading = false;
      //     }, 3000);
      //   }
      // })
    }
  }
});
